<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="./sytle.css">


<style>
    /*内部样式表*/
    #div2{
        background-color: tomato;
        color: #ffff;
        font-size: 50px;
    }

</style>


<body>



<div id="div1">
    <p>外部样式</p>
</div>


<div id="div2">
    <p>内部样式</p>
</div>



<!--第一种：行内样式-->

<div style="background-color: blue;color: white">
    <p>行内样式</p>
</div>



</body>
</html>